<div class="fui-page" style="position:fixed;background:#fff">
	<link href="../core/resource/components/swiper/swiper.min.css" rel="stylesheet" type="text/css">
	<style>
		.swiper-pagination-bullet {
			width: 1rem;
			height: 0.1rem;
			display: inline-block;
			border-radius: 0;
			background: red;
			opacity: .2;
		}
		.swiper-pagination-bullet-active {
			opacity: 1;
			background: red;
		}
		
	</style>
	<div class="fe-floatico" ng-click="pagedata.setwelcome()" style="position: absolute;right:0.5rem;top:0.2rem;width:auto;height:1rem;color: #ddd;font-size:0.65rem;z-index:10008">
				跳过动画 >>
	</div>
	<div class="swiper-container" style="height:100%">		
		<div class="swiper-wrapper" style="height:100%">			
			<div class="swiper-slide" style="height:100%" ng-repeat="item in pagedata.welcomehdps">
				<div class="group-top" style="margin-top:2rem">
					 <div class="fui-list jump text-center">
								<a class="fui-list-inner" href="">
									<div class="title bold" style="font-size: 0.9rem;color: #333333;">{{item.title}}</div>
									<div class="text" style="font-size: 0.75rem;color: #666666;">{{item.desc}}</div>
								 </a>
					  </div>
				</div>
				<div class="image" style="margin-top:2rem">
					<img ng-src="{{tomedia(item.picurl)}}" style="width:100%;max-height:30rem"/>
				</div>
			</div>
		</div>
		<div class="swiper-pagination"></div>
	</div>
</div>
<script>
scope.pagedata.setwelcome=function(){
	scope.pagedata.iswelcome=0;
	if(!scope.pagedata.legaos || scope.pagedata.legaos.length==0){
			window.location.href=scope.tool.manage_url(scope.pagedata.plugin.name+'/basic.module_home/');  
	}else{
			scope.$evalAsync();
	}
}
	require(['swiper'], function (Swiper) {
		var swiper = new Swiper('.swiper-container', {
		  spaceBetween: 30,
		  pagination: {
			el: '.swiper-pagination',
			clickable: true,
		  },
		 on:{
			touchEnd:function(event){
				if(scope.pagedata.index+1==scope.pagedata.welcomehdps.length){
						scope.pagedata.iswelcome=''
						if(!scope.pagedata.legaos || scope.pagedata.legaos.length==0){
							window.location.href=scope.tool.manage_url(scope.pagedata.plugin.name+'/basic.module_home/');  
						}else{
							scope.$evalAsync();
						}
				}
			},        
			slidePrevTransitionEnd:function(){
				console.log('prev')
			},
			slideNextTransitionEnd:function(){
				scope.pagedata.index = swiper.activeIndex;
			},
		}
		});
		//swiper.init();//重新初始化Swiper
	});
</script>